<template>
    <div class="container-full">
        <div>
            <!--        <div v-for="item,index in list" :key="index" class="item">-->
            <!--     <div class="weizhi">{{item.weizhi}}</div>
                 <div class="time">{{$moment(item.create_time * 1000).format('YYYY-MM-DD HH:mm:ss')}}</div>-->

            <van-steps direction="vertical" :active="0">
                <van-step v-for="item,index in list" :key="index">
                    <h3>{{item.weizhi}}</h3>
                    <p>{{$moment(item.create_time * 1000).format('YYYY-MM-DD HH:mm:ss')}}</p>
                </van-step>

            </van-steps>
        </div>
    </div>
</template>


<script>

    import {Steps, Step} from 'vant';

    export default {
        name: 'TracingSource',
        components: {
            [Steps.name]: Steps,
            [Step.name]: Step,
        },
        data() {
            return {
                list: []
            }
        },
        mounted() {
            this.getData();
        },
        methods: {

            getData() {
                var url = '/api/home/order/TracingSource',
                    params = {
                        order: this.$route.query.order,
                    };

                this.$util.getRequestInterface(url, params, (res) => {
                    this.list = res.data.reverse();
                });
            }
        }
    }
</script>
<style scoped>

    .item {
        padding: 10px;


    }

    .weizhi {
        color: #333333;
    }

    .time {
        color: #999999;
        font-size: 13px;
    }
</style>